class HomePage extends StatelessWidget {
  const HomePage ();

@override
Widget build(BuildContext context) {
  return CupertinoPageScaffold(
    child: Center( 
      child: SizedBox( 
        width: 300,
        child: Cupertinoslider(
          min: 0,
          max: 100,
          value: 50,
          onChanged: (newvalue) {},
        ).// Cupertinoslider
       ). // SizedBox
    ).// Center
   );// CupertinoPageScaffold
  }
 }

@override
Widget build(BuildContext context) {
  return CupertinoPageScaffold(
    child: Center(
      child: SizedBox(
        height: 300,
        child: CupertinoPicker(
          itemExtent: _KPickerItemHeight,
          backgroundcolors Cupertinocolors.white,
          onSelectedItemChanged: (int index) {}, 
          children:List<Widget>.generate(coolColorNames.length,(int index){
            return Center
              child: Text (coolColorNames [index]) ,
            );
          }),
       ), // Cupertinoslider
      ),// SizedBox
     ), // Center
   ); // CupertinoPageScaffold
  }
}


const List<String> coolColorNames = <String>[
  'Sarcoline', 'Coquelicot', 'Smaragdine', 'Mikado', 'Glaucous', 'Wenge',
  'Fulvous', 'Xanadu', 'Falu', 'Eburnean', 'Amaranth', 'Australien',
  'Banan', 'Falu', 'Gingerline', 'Incarnadine','Labrador', 'Nattier',
  'Pervenche', 'Sinoper', 'Verditer', 'Watchet',"Zaffre',
];

Date

@override
Widget build(BuildContext context) {
  return CupertinoPageScaffold(
    child: Center(
    child: SizedBox(
      height: 300,
      child: CupertinoDatePicker(
        mode: CupertinoDatePickerMode.date,
        onDateTimeChanged: (newValue) {},
      ),//cupertinodatePicker
     ),//SizedBox
    ),//Center
   );// CupertinoPageScaffold
  }
 }